<div class="row">
  <div class="col-md-12 col-lg-4">
    <form name="ptForm" role="form" ng-submit="update()">

      <div class="alert alert-info" ng-show="errors.Invoice">
        <button type="button" class="close" data-dismiss="alert" aria-hidden="true">&times;</button>
        {{ errors.Invoice }}
      </div>

      <div class="form-group">
        <label for="">Student</label>
        <span class="form-control">{{ pt.Student.FullName }}</span>
      </div>

      <div class="form-group" ng-class="{ 'has-error': errors.PlacementTestType}">
        <label class="required" for="">Type</label>
        <label ng-repeat="type in PlacementTestTypes"><input type="radio" ng-value="type.Id" ng-model="pt.PlacementTestType"> {{ type.Label }} </label>
        <error-widget field="errors.PlacementTestType"></error-widget>
      </div>

      <!-- <div class="form-group">
        <label for="class">* Classroom</label>
        <select name="class" id="class" class="form-control" ng-options="class.Id as class.Name for class in classrooms" ng-model="pt.Classroom.Id" required>
          <option value="" ng-hide="pt.Classroom.Id">Please Select a Classroom</option>
        </select>
      </div> -->

      <div class="form-group" ng-class="{ 'has-error': errors.DateTime}" ng-click="openDatepicker($event, 0)">
        <label class="required" for="">Date</label>
        <div class="input-group">
          <input type="hidden" class="form-control" datepicker-popup="{{format}}" ng-model="pt.DateTime" is-open="datePicker.isOpen[0]" datepicker-options="dateOptions" ng-required="true" close-text="Close" ng-disabled="true" />
          <span class="form-control">{{ pt.DateTime | date: 'dd MMMM yyyy' }}</span>
          <span class="input-group-addon"><i class="glyphicon glyphicon-calendar"></i></span>
        </div>
        <error-widget field="errors.DateTime"></error-widget>
      </div>

      <div class="form-group" ng-class="{ 'has-error': errors.DateTime}">
        <label class="required" for="">Time</label>
        <timepicker ng-model="pt.DateTime" hour-step="timepicker.hstep" minute-step="timepicker.mstep" show-meridian="timepicker.isMeridian"></timepicker>
        <error-widget field="errors.DateTime"></error-widget>
      </div>

      <div ng-if="pt.Invoice.Payment.PaymentStatus == 1">
        <h4 class="page-header">Results</h4>

        <div class="form-group" ng-class="{ 'has-error': errors.Staff}">
          <label for="Staff">Interviewer</label>
          <select name="Staff" id="Staff" class="form-control" ng-options="teacher.Id as (teacher.Code + ' - ' + teacher.Name) for teacher in teachers | orderBy:'Code'" ng-model="pt.Staff.Id">
            <option value="">Please Select an Interviewer</option>
          </select>
          <error-widget field="errors.Staff"></error-widget>
        </div>

        <div class="form-group" ng-class="{ 'has-error': errors.CourseLevel}">
          <label class="required" for="courseLevels">Course Level</label>
          <div class="row">
            <div class="col-xs-12 col-sm-12 col-md-9 col-lg-7">
              <!-- <span class="error" ng-show="ptForm.courseLevels.$error.required">Required!</span> -->
              <select name="courseLevels" id="courseLevels" class="form-control" ng-model="pt.CourseLevel.Id" ng-options="course.Id as course.Name for course in courseLevels">
                <option value="">Select a course</option>
              </select>
            </div>
          </div>
          <error-widget field="errors.CourseLevel"></error-widget>
        </div>
      </div>

      <button type="submit" class="btn btn-primary" >Submit</button>
    </form>
  </div>
</div>